<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
		String path = request.getContextPath();
		String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>最新成本费用分析模型</title>
<jsp:include page="../../common/jsp/sys.jsp"></jsp:include>

<style type="text/css">
  .datagrid-header td {
font-size: 16px;
font-weight: normal;
}
.datagrid-body td, .datagrid-footer td {
font-size: 14px;
}
.panel-body-noheader {
    border-top-width: 0px;
}
.image_div{
}

</style>
</head>
<body>
 <jsp:include page="../../common/jsp/common.jsp"></jsp:include>
<div  class="wrap ">
	<nav class="clearfix">
		<ul class="nav  nav-tabs ">
			<li class="active"><a href="javascript:;">成本费用结构</a></li>
			<li><a href="javascript:;">成本费用占成本总额比</a></li>
			<li><a href="javascript:;">成本费用占营业收入比</a></li>
		</ul>
	</nav>
	<div class="wrap-left">
	<div class="panel-header " style="border:0px;">
		<div class="panel-title panel-with-icon" style="border-top:0px;">成本费用利润率</div>
			<!-- <div class="panel-icon icon-pie"></div> -->
	</div>
	<div style="height:100%;" >
	     <div id="lineChart" style="margin-top:15px;text-align:center;height:60%;width:100%;"></div>
	     <div id="showTip" style="text-align:center;height:30%;width:100%;">
	       <div class="tushi">良好值</div>
            <div class="tushi">平均值</div>
            <div class="tushi">较低值</div> 
	       
	     </div>
	</div>
   </div>
	<section class="clearfix w3100 wrap-right">
		<ul class="w3100  slider-ul  " style="">
			<li>
				<div class="slider-div">
					<div class="mt-6 clearfix">
						<div class=" span6 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用各项对比图</div>
									<div class="panel-icon icon-column"></div>

								</div>
								<div class="panel-body h">
									<div id="column1" style="height: 270px;text-align:center;"></div>
								</div>
							</div>
						</div>

					</div>
					<div class="mt6 clearfix">
						<div class=" span3 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用结构图(本月情况)</div>
									<div class="panel-icon icon-pie"></div>

								</div>
								<div class="panel-body h">
									<div id="pie1"style="height: 260px; width:360px; margin-left: 10px;"></div>
								</div>
							</div>
						</div>

						<div class=" span3 h300 ml6">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用结构图(累计情况)</div>
									<div class="panel-icon icon-pie"></div>

								</div>
								<div class="panel-body h">
									<div id="pie11" style="height: 260px; width:360px; margin-left: 10px;"></div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</li>
			<li>
				<div class="slider-div">
					<div class="mt-6 clearfix">
						<div class=" span6 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用占费用总额比例构成情况</div>
									<div class="panel-icon icon-column"></div>

								</div>
								<div class="panel-body h">
                                     <div id="column2" style="height: 270px;text-align:center;">column2</div>
								</div>
							</div>
						</div>

					</div>
					<div class="mt6 clearfix">
						<div class=" span6 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用占费用总额情况表</div>
									<div class="panel-icon icon-table"></div>

								</div>
								<div class="panel-body h" style="height: 219px; border-left:0px; border-right:0px; border-bottom:0px;">
									<table id="table1" ></table>
								</div>
							</div>
						</div>

					</div>
				</div>
			</li>
			<li>
				<div class="slider-div">
					<div class="mt-6 clearfix">
						<div class=" span6 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用占营业收入比例构成情况</div>
									<div class="panel-icon icon-column"></div>

								</div>
								<div class="panel-body h">
									 <div id="column3" style="height: 270px;text-align:center;">column3</div>
								</div>
							</div>
						</div>

					</div>
					<div class="mt6 clearfix">
						<div class=" span6 h300 ml0">
							<div class="panel  w h " style="">
								<div class="panel-header ">
									<div class="panel-title panel-with-icon">成本费用占营业收入情况表</div>
									<div class="panel-icon icon-table"></div>

								</div>
								<div class="panel-body h" style="height: 219px; border-left:0px; border-right:0px; border-bottom:0px;">
									<table id="table2"></table>

								</div>
							</div>
						</div>

					</div>
				</div>
			</li>
		</ul>

	</section>
	

</div>

	<!-- <div class="clearfix fr mt6">

		<button class="btn  btn-primary" id="lgp-ck">点击查看成本费用利润率</button>

	</div> -->
	<script type="text/javascript" src="<%=basePath%>js/easyui/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css"href="<%=basePath%>js/easyui/themes/icon.css" />
<link rel="stylesheet" href="<%=basePath%>dashboard/forcecast/cbfyfx/css/main.css">
<script type="text/javascript" src="<%=basePath %>dashboard/forcecast/cbfyfx/js/app.js"></script>
<script type="text/javascript">
$(function(){
	var  tt = Utils.initDate();//alert(tt[0]+tt[1]);
    var domArray=["lineChart",["column1","pie1","pie11","_cnbi_chartId"],["column2","table1"],["column3","table2"]],
    industryParams=[{"cbfylrv":"成本费用利润率(%)"}] ,str = Utils.getUtilBeanStr(industryParams), url=Utils.getBasePathUrl() + "dashboard.cnbi",index="yysr,yycb,yysjjfj,xsfy,glfy,cwfy,zcjzss,gyzbddsy,tzsy,lrze,yysrL,yycbL,yysjjfjL,xsfyL,glfyL,cwfyL,zcjzsfL,gyzbddsyL,tzsyL,lrzeL",
    /*  company={id:"GS000011",text:"集团总公司"}, */
    params ={company:company["id"],query :7,year :qj.year,month :qj.month,unit :qj.unit,index :index ,industryParams : str};
      var bean = new Cnbi.model.Cost({
    	  domArray:domArray,
    	  params:params,
    	  url:url,
    	  companyName:company["text"]
      });
}); 

</script>
</body>

</html>